<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>springBoot simpleWebsocketIM框架</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="layui/css/layui.css">
  <style type="text/css" >
    body,html{height:100%;}
    .iframeDiv {
      float: left;
      width: 32%;
      height: 90%;
      border-left: 1px dashed black;
    }
  </style>
  <!-- 引入组件库 -->
  <script src="layui/layui.all.js"></script>
  <script>
    var layer = layui.layer;
    var user1 = {
      id: "001",
      name: "乔巴",
      status: 1
    };
    var user2 = {
      id: "002",
      name: "阿波",
      status: 1
    };
    var user3 = {
      id: "003",
      name: "小梅",
      status: 1
    };
    var listFriends = [user1, user2, user3];
    var groups = [{id: "01", name: "群聊", list: ["001", "002", "003"]}];
  </script>
</head>
<body>
<blockquote class="layui-elem-quote">springBoot simpleWebsocketIM框架</blockquote>
<div class="iframeDiv">
  <iframe src="/chat.html?user=user1" frameborder="0" width="100%" height="100%"></iframe>
</div>
<div class="iframeDiv">
  <iframe src="/chat.html?user=user2" frameborder="0" width="100%" height="100%"></iframe>
</div>
<div class="iframeDiv">
  <iframe src="/chat.html?user=user3" frameborder="0" width="100%" height="100%"></iframe>
</div>
</body>
</html>